<html>
<head>
<title>ICE - Solicitud Vacaiones</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="~/css/style.css" rel="stylesheet" type="text/css">
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script type="text/javascript" src="~/js/jquery-1.9.1.js"></script>
  
    <script type="text/javascript" src="~/js/jquery-ui.js"></script>
    
    <link rel="stylesheet"
        href="~/Content/jquery-ui/redmond/jquery-ui-1.8.14.custom.css"
            type="text/css" />
    <link rel="stylesheet"
        href="~/Content/jquery-grid/ui.jqgrid.css" type="text/css" />

    <script src="~/Scripts/jquery-1.6.2.min.js"
        type="text/javascript"></script>
    <script src="~/Scripts/jquery-grid/grid.locale-en.js"
        type="text/javascript"></script>
    <script src="~/Scripts/jquery-grid/jquery.jqGrid.min.js"
        type="text/javascript"></script>

<script type="text/javascript">
    // the url to 
    var jqDataUrl = "jQGrid/LoadjqData";
    $(document).ready(function () {

        // Set up the jquery grid
        $("#jqTable").jqGrid({
            // Ajax related configurations
            url: jqDataUrl,
            datatype: "json",
            mtype: "POST",

            // Specify the column names
            colNames: ["Id", "Name", "Score", "Enrollment"],

            // Configure the columns
            colModel: [
            { name: "Id", index: "Id", width: 40, align: "left" },
            { name: "Name", index: "Name", width: 100, align: "left" },
            { name: "Score", index: "Score", width: 200, align: "left" },
            { name: "Enrollment", index: "Enrollment", width: 200, align: "left" }],

            // Grid total width and height
            width: 650,
            height: 200,

            // Paging
            toppager: true,
            pager: $("#jqTablePager"),
            rowNum: 5,
            rowList: [5, 10, 20],
            viewrecords: true, // Specify if "total number of records" is displayed

            // Default sorting
            sortname: "Id",
            sortorder: "asc",

            // Grid caption
            caption: "Solicitudes"
        }).navGrid("#jqTablePager",
            { refresh: true, add: false, edit: false, del: false },
                {}, // settings for edit
                {}, // settings for add
                {}, // settings for delete
                { sopt: ["cn"] } // Search options. Some options can be set on column level
         );
    });
</script>


  <style type="text/css">
   body { font-size: 62.5%; }
    input.text { margin-bottom:12px; width:95%; padding: .4em; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain { width: 150px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips { border: 1px solid transparent; padding: 0.3em; }
  </style>
  <script type="text/javascript">
      $(function () {
          var name = $("#name"),
            email = $("#email"),
            password = $("#password"),
            allFields = $([]).add(name).add(email).add(password),
            tips = $(".validateTips");

          function updateTips(t) {
              tips
                .text(t)
                .addClass("ui-state-highlight");
              setTimeout(function () {
                  tips.removeClass("ui-state-highlight", 1500);
              }, 500);
          }

          function checkLength(o, n, min, max) {
          }

          function checkRegexp(o, regexp, n) {
          }

        

          $("#dialog-form").dialog({
              autoOpen: true,
              height: 200,
              width: 250,
              modal: true,
              buttons: {
                  "Siguiente": function () {
                      if (document.usuarios.users[0].checked) {
                          $(this).dialog("close");
                      } else { alert("no se cerro: " + document.usuarios.users[0].value) }

                  },
                  "Cancelar": function () {
                      $(this).dialog("close");
                  }
              },
              close: function () {
                  allFields.val("").removeClass("ui-state-error");
              }
          });



          $("#create-user")
            .button()
            .click(function () {
                $("#dialog-form").dialog("open");
            });
      });
  </script>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="76" background="~/Images/index_01.gif"><table width="100%" border="0" cellspacing="10" cellpadding="0">
          <tr>
            <td width="20%" align="center">@Html.ActionLink("Home", "Index", "Home", new { style = "color: #00617b;font: bold 12px Tahoma, Arial;text-decoration: none;" })</td>
            <td width="20%" align="center">@Html.ActionLink("Solicitud", "Solicitud", "Home", new { style = "color: #00617b;font: bold 12px Tahoma, Arial;text-decoration: none;" })</td>
            <td width="20%" align="center">@Html.ActionLink("Consultas", "ConsultarSolicitud", "Home", new { style = "color: #00617b;font: bold 12px Tahoma, Arial;text-decoration: none;" })</td>
            <td width="20%" align="center"><a href="#" class="green-text"><strong>Resoluciones</strong></a></td>
            <td width="20%" align="center"><a href="#" class="green-text"><strong>Contacts</strong></a></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              @RenderBody()
           @* <div id="dialog-form" title="Seleccione el tipo de usuario">
 
  <form>
  <fieldset>
   <p><input type="radio" name="group2" value="Empleado"> Usuario Actual</p>
    <p><input type="radio" name="group2" value="Usuario"> Otro Usuario</p>
	</fieldset>
  </form>
</div>
 *@

          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="padding: 0px 0px 0px 50px"><table width="100%" border="0" cellspacing="10" cellpadding="0">
          <tr>
          @*  <td><a  id="create-user" ><img src="~/Images/index_29.gif" width="133" height="21" alt=""></a></td>*@
            </tr>
          <tr>
            <td>&nbsp;</td>
            </tr>
          </table></td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="75" align="center" background="~/Images/index_32.gif">Copyright &copy;ICE. Todos los derechos reservados. Dise&ntilde;ado por UNISYS<a href="http://www.stylishtemplate.com" style="color:#8A8A8A; text-decoration:none;"></a><br>
      <a href="#">Terminos de Uso</a>   |   <a href="#">Pol&iacute;tica de Privacidad</a></td>
  </tr>
</table>
</body>
</html>